.page_wrapper{
	position: relative;
	width: 52%;;
	/*height: 500px;*/
	top:180px;
	left:360px;
	/*border: 2px solid;*/
	z-index: 44;
}
.menu{
	margin-top:150px;
	position: relative;
}
.menu_manage{
	/* margin-top:150px; */
	position: relative;
}
.login_content{
	max-width: 500px;
	margin: 0 auto;
	background-color: #fff;
    box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

.sign_content,
.table_content,
.details_content{
	background-color: #fff;
    box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.Personal_Information{
	padding: 20px;
}
.title_oz{    
	font-size: 30px;
    color: #e94e02;
    font-family: inherit;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
    
    }
.login_top{
	font-size: 22px;
    color: #555;
    line-height: 22px;
    text-align: center;
    border-bottom:2px solid #e2e2e2 ;
    padding: 20px;
}
.linkTo a{
    color: #e94e02;
}
.linkTo a:hover{
	color: #555;
}

.login_body,
.details_body{
	padding: 30px;
}

.inpt{
	box-sizing: border-box;
	width: 100%;
	font-size: 20px;
    padding: 10px 15px 10px 37px;
    color: #A8A8A8;
    outline: none;
    border: 1px solid #D3D3D3;
    background: #FFFFFF;
    margin: 0 0 20px 0;;
}
.inpt:active{
	border-color: red;
}
form{
	box-sizing: border-box;
}
.signAdmin_box,
.email_box,
.signPwd_box,
.confirm_signPwd_box,
.sex{
	width: 100%;
}
.signAdmin_box input,
.email_box input,
.signPwd_box input,
.confirm_signPwd_box input,
{
	width: 80%;
	display: inline;
	float: right;
	padding: 10px 15px 10px 10px;
}
.details_top input{
	width: 80%;
	display: inline;
	float: right;
	padding: 10px 15px 10px 10px;
}
.chang_sex{
	display: inline;
	width: 80%;
	float: right;
	line-height: 45px;
	 font-size: 16px;
}
.chang_sex label{
	 font-size: 16px;
}
span{
	text-align:center;
	line-height: 45px;
	width: 20%;
	color: #555;
    margin: 16px 0 5px;
    font-size: 16px;
    
    	/*display: block;*/
	
}
#bt_signIn,
#bt_goodsAdd,
#bt_submit,
#bt_addImg{
	border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    background: #5ab45a;
    width: 100%;
    padding: 5px 20px;
    font-size: 24px;
    margin: 5px 0 0;
}
.forgot_grid{
	margin-top: 20px;
}
.checkbox{
	line-height: 14px;
	text-align: center;
	/*margin-left: 1.3em;*/
    color: #555;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}
.checkbox input[type="checkbox"]{
	/*height: 16px;
	width: 16px;*/position: absolute;
	position: relative;
    top: 2px;
	margin-right: 5px;
}
.forgot_grid a,label{
	font-size: 14px;
}
.forgot{
	float: right;
}


.table_content,
.table_heard,
.table_body{
	width: 100%;
}
.table_heard li{
	width: 25%;
	height: 50px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 50px;
	/*display: inline-block;*/
	box-sizing: border-box;
	/*margin: 0;*/
}
.table_body li{
	width: 25%;
	height: 50px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 50px;
	/*display: inline-block;*/
	box-sizing: border-box;
	overflow: hidden;	
}


.menu_content,
.menu_heard,
.menu_body{
	width: 100%;
}
.menu_heard li{
	width: 14%;
	height: 50px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 50px;
	/*display: inline-block;*/
	box-sizing: border-box;
	/*margin: 0;*/
}
.menu_body li{
	width: 14%;
	height: 102px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 50px;
	display: inline-block;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}


.revise{
	color: #5AB45A;
	cursor:pointer;
}
.delete{
	color: red;
	cursor:pointer;
}

.alretWindow{
	position:absolute;
	top: 30px;
	left: 25%;
	width: 50%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid black;
	display: none；
	background-color:white ;
	z-index:100;
}

.banner_content{
	width: 100%;
	background-color: #fff;
    box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.title_oz{    
	font-size: 30px;
    color: #e94e02;
    font-family: inherit;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
    
}
/*.table_content,.heard.table_body{
	width: 100%;
}*/
.img_heard,.img_body{
	100%
}
.img_heard li{
	width: calc(100%/8);
	height: 50px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 50px;
	/*display: inline-block;*/
	box-sizing: border-box;
	/*margin: 0;*/
}
.img_body li{
	width: calc(100%/8);
	height: 52px;
	float: left;
	border: 1px solid black;
	text-align: center;
    line-height: 52px;
	/*display: inline-block;*/
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;	
	
}
.table_content li{
	width: 25%;
	height: 50px;
	float: left;
	border: 1px solid black;
	text-align: center;
    /*line-height: 102px;*/
	/*display: inline-block;*/
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-word;
}
.img_operate div{
	display:inline;
}
li img{
	width: 50px;
	height: 50px;
}
.move{
	width: 100%;
}
.bt_img,.bt_addimg{
	width: 100%;
}
.bt_addimg div,.bt_img div{
	margin: 15px auto 0px;
	text-align: center;
	/*float: left;*/
	display: inline-block;
	width: 30%;
	cursor:pointer;
	background-color: #5ab45a;
	padding: 10px;
	box-sizing: border-box;
	color: white;
	
}
.add_img:active,
.delete_img:active,
.moveUp_img:active,
.moveDown_img:active
{
	background-color: red;
}

.img_down{
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}

.add_img{
	float: right;
}
.back{
	float: right;
}
.back:hover{
	color:#5ab45a;
}
.color,.size{
	height: 30px;
	width: 30px;
	display: inline-block;
	margin-right:20px ;
	border: 2px solid transparent;
	box-sizing: border-box;
	cursor: pointer;
}
.color div{
	margin: 5px;
	/*display: inline-block;*/
}
.red{
	height: 15px;
	width: 15px;
	background-color: red;
}
.yello{
	height: 15px;
	width: 15px;
	background-color: yellow;
}
.blue{
	height: 15px;
	width: 15px;
	background-color: blue;
}
.color_box,.size_box{
	line-height: 35px;
}
.s,.m,.l{
	text-align: center;
	line-height: 15px;
	height: 15px;
	width: 15px;
	margin: 5px;
}
.left_nav ul li a{
	color: #FFFFFF;
}
.img_add{
	position:absolute;
	top: 140px;
	left: 30%;
	width: 50%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid black;
	display:none;
	background-color:white ;
	z-index:100;
}
.img_add i{
	
	margin-top:10px;
}
.bt_del_img:hover{
	color: #5ab45a;
}